<template>
	<div id="address_container">
		<div v-if="address">
			<p class="c-txt" style="font-size:.35rem">
				{{address.receive_name}} {{address.receive_mobile}}
			</p>
			<p style="margin-top:.2rem">
				<img :src="location" class="fl">
				<span class="address">{{address.address}}</span>
			</p>
		</div>
		<div v-else>
			<img :src="location" class="fl">
			<span class="address">请添加收货地址</span>
		</div>
	</div>
</template>
<script>
import location from '@/assets/img/common/location.png'
export default{
	name:'AddressHeader',
	data(){
		return {
			location
		}
	},
	props: ['address']
}
</script>
<style lang='less' scoped>
#address_container{
	padding: .4rem;
    background: #fff;
    border-bottom: 1px solid #bbb;
    margin-bottom: .2rem;
}
.address{
	font-size: .37rem;
	color: #b5b5b5;
	margin-left: .1rem;
	vertical-align: -.3rem;
}
</style>